<template>
  <view class="agreement">
    <h1 class="title">用户服务协议</h1>

    <p class="welcome-message">
      欢迎使用我们的网站/应用。在使用之前，请仔细阅读以下用户服务协议。如果您继续使用我们的服务，即表示您同意遵守以下条款和条件。
    </p>

    <view class="section">
      <view class="section-title">1. 服务说明</view>

      <view> 1.1 我们的网站/应用为用户提供特定的服务，具体内容和功能将在网站/应用上详细说明。 </view>
    </view>

    <view class="section">
      <view class="section-title">2. 用户义务</view>

      <view> 2.1 您需要按照我们的规定和指引使用我们的服务，并遵守适用的法律法规。 </view>

      <view> 2.2 您需要提供准确、真实和完整的个人信息，并确保在有任何更改时及时更新。 </view>

      <view> 2.3 您不得利用我们的服务从事非法、违反道德或侵犯他人权益的行为。 </view>
    </view>

    <view class="section">
      <view class="section-title">3. 知识产权</view>

      <view>
        3.1
        我们的网站/应用及其中包含的所有内容，包括但不限于文字、图片、图标、图表、音频、视频、标识、商标、版权等知识产权归我们或相关权利人所有。
      </view>

      <view>
        3.2
        您在使用我们的服务过程中所产生的内容，您将授予我们一项不可撤销的全球性、免费的许可，以在网站/应用中使用、复制、修改、公开展示、传播和分发该内容。
      </view>
    </view>

    <view class="section">
      <view class="section-title">4. 免责声明</view>

      <view>
        4.1
        我们会尽合理努力保证我们的服务的安全性、准确性和可靠性。然而，由于技术限制和其他不可预见的因素，我们无法对此进行保证。
      </view>

      <view>
        4.2 我们对于任何直接或间接的损失或损害不承担责任，无论是合同、侵权还是任何其他法律理论,
        包括但不限于利润损失、数据损坏、业务中断等。
      </view>
    </view>

    <view class="section">
      <view class="section-title">5. 终止协议</view>

      <view> 5.1 您可以随时终止使用我们的服务，并删除您在我们网站/应用上的账户和相关信息。 </view>

      <view> 5.2 我们也有权根据自身判断随时终止向您提供服务，恕不另行通知。 </view>
    </view>

    <view class="section">
      <view class="section-title">6. 法律适用与争议解决</view>

      <view> 6.1 本用户服务协议受中华人民共和国法律管辖。 </view>

      <view>
        6.2 如发生与本协议相关的争议，双方应友好协商解决；若协商不成，双方一致同意将争议提交至有管辖权的人民法院解决。
      </view>
    </view>

    <view class="section">
      <view class="section-title">7. 其他条款</view>

      <view>
        7.1
        如果本用户服务协议中的任何条款被判定为无效或不可执行，该条款将被视为可分割的，不影响其他条款的有效性和可执行性。
      </view>

      <view> 7.2 我们对用户服务协议拥有最终解释权。 </view>

      <view>
        如果您继续使用我们的服务，即表示您已阅读、理解并同意本用户服务协议的所有条款和条件。如果您对某些条款存在异议，请停止使用我们的服务。
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  components: {},
}
</script>

<style lang="scss" scoped>
.agreement {
  color: #333;
  margin: 30rpx;
}
.title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

.welcome-message {
  font-size: 16px;
  margin-bottom: 20px;
}

.section {
  margin-bottom: 30px;
}

.section-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

p {
  font-size: 14px;
  margin-bottom: 10px;
}
</style>
